// 头部标签
.nav {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;

  > div {
    display: flex;
    align-items: center;
  }
  ion-segment {
    border-radius: 15px;
    --background: #fc4a5b;
    ion-segment-button {
      --border-radius: 15px;
      --color: white;
      --color-checked: #fc4a5b;
      font-size: 0.95em;
    }
  }
}
.sub ion-segment-button {
  --color: #333;
  --color-checked: #fc4a5b;
  --border-radius: 20px;
  font-weight: 600;
  font-size: 1.005em;
}

ion-item {
  // --background: red;
  --padding-top: 10px;
  --padding-bottom: 10px;
  img {
    border-radius: 5px;
  }
  .cell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin-left: 15px;
    > div:first-child {
      font-weight: 700;
    }
    > div:nth-child(2) {
      font-size: 0.9em;
      color: #999;
      // width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    > div:nth-child(3) {
      display: flex;
      justify-content: space-between;
      align-items: center;
      > div {
        font-size: 0.8em;
        span {
          color: gold;
          font-size: 1.5em;
          margin-left: 5px;
        }
      }
      > ion-button {
        --padding-start: 15px;
        --padding-end: 15px;
      }
    }
  }
}
